diff options
| author | Fuwn <[email protected]> | 2024-01-04 17:55:07 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-01-04 17:55:07 -0800 |
| commit | ea2220803453205b0929d502342ccf88d8881a1d (patch) | |
| tree | 174bba8ccbdb8699c927b33813943692d81b8236 /src/routes/user/[user] | |
| parent | refactor(tools): better cards (diff) | |
| download | due.moe-ea2220803453205b0929d502342ccf88d8881a1d.tar.xz due.moe-ea2220803453205b0929d502342ccf88d8881a1d.zip | |
refactor(routes): schedule and profile ui
Diffstat (limited to 'src/routes/user/[user]')
| -rw-r--r-- | src/routes/user/[user]/+page.svelte | 54 |
1 files changed, 27 insertions, 27 deletions
diff --git a/src/routes/user/[user]/+page.svelte b/src/routes/user/[user]/+page.svelte index b365127a..5c764f97 100644 --- a/src/routes/user/[user]/+page.svelte +++ b/src/routes/user/[user]/+page.svelte @@ -19,20 +19,20 @@ <HeadTitle route={`${data.username}'s Profile'`} path={`/user/${data.username}`} /> -{#if userData === null} - Could not load user profile for <a - href={`https://anilist.co/user/${data.username}`} - target="_blank">@{data.username}</a - >. +<div class="card"> + {#if userData === null} + Could not load user profile for <a + href={`https://anilist.co/user/${data.username}`} + target="_blank">@{data.username}</a + >. - <p /> + <p /> - Does this user exist? -{:else if userData === undefined} - Loading user ... 50% -{:else} - <div class="user-grid"> - <p> + Does this user exist? + {:else if userData === undefined} + Loading user ... 50% + {:else} + <div class="user-grid"> <a href={`https://anilist.co/user/${userData.name}`} target="_blank" @@ -40,24 +40,24 @@ > <img src={userData.avatar.large} alt="" width="100vw" /> </a> - </p> - <div> - <p> - <a - href={`https://anilist.co/user/${userData.name}`} - target="_blank" - title={String(userData.id)}>@{userData.name}</a - > - • <a href={`/user/${userData.name}/badges`}>Badge Wall</a> - </p> + <div> + <p> + <a + href={`https://anilist.co/user/${userData.name}`} + target="_blank" + title={String(userData.id)}>@{userData.name}</a + > + • <a href={`/user/${userData.name}/badges`}>Badge Wall</a> + </p> - This user has watched {(userData.statistics.anime.minutesWatched / 60 / 24).toFixed(1)} days of - anime and read - {estimatedDayReading(userData.statistics.manga.chaptersRead).toFixed(1)} days of manga. + This user has watched {(userData.statistics.anime.minutesWatched / 60 / 24).toFixed(1)} days + of anime and read + {estimatedDayReading(userData.statistics.manga.chaptersRead).toFixed(1)} days of manga. + </div> </div> - </div> -{/if} + {/if} +</div> <style> .user-grid { |